<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="jquery.min.js"></script>
</head>

<body>
    <video src="xsp.mp4" muted></video>
    <!-- jquery虽然写法简单点 但是方法和属性是没有原生js的多的 所以需要转换方便使用 -->
    <script>
        // 1.dom对象转换为jquery对象
        // (1) 我们直接获取视频 得到的jquery对象
        $('video')
        // (2)我们使用原生js 获取过来的是dom对象
        var myvideo = document.querySelector('video')
        // $(myvideo).play()//在jquery里没有play这个方法 所以报错 
        //  2.jquery对象转换为Dom对象
        //  myvideo.play()//播放 dom对象可以使用自身的方法
        // 方法1
        // $('video')[0].play()
        // 二
        $('video').get(0).play()//明显一好用一点


    </script>
</body>

</html>